*{padding: 0;margin: 0;}
body,html{
    width: 100%;
    height: 100%;
}
li{list-style: none;}
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.p-top(@age1){
    .px2rem(padding-top,@age1);
}
.p-right(@age2){
    .px2rem(padding-right,@age2);
}
.p-bottom (@age3){
    .px2rem(padding-bottom,@age3);
}
.p-left (@age4){
    .px2rem(padding-left,@age4);
}
.m-top(@age1){
    .px2rem(margin-top,@age1);
}
.m-right(@age2){
    .px2rem(margin-right,@age2);
}
.m-bottom (@age3){
    .px2rem(margin-bottom,@age3);
}
.m-left (@age4){
    .px2rem(margin-left,@age4);
}
.box {
    display: -webkit-box;
    display: -moz-box;
}
html,body{
    width: 100%;
    height: 100%;
    font-size: 62.5%;
    font-family: "微软雅黑";
}
.warp{
    background: #f7f7f7;
    width: 100%;
    height: 100%;
}
.bj(){
    background: #fff;
}
.name(){
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    width:100%;
}
header{
    .px2rem(height,88);
    background: linear-gradient(#ed0000,#a90000);
    color: #fff;
    ul{
        .box();
        .px2rem(height,88);
        -webkit-box-pack: justify;
        -webkit-box-align: center;
        li{
            .p-left(10);
            .p-right(10);
            .px2rem(font-size,40);
            button{
                .px2rem(width,88);
                .px2rem(height,48);
                border:1px solid #eaaaaa;
                background: #b62424;
                color: #fff;
                border-radius: 10px;
            }
        }
    }
}
.content{
    .yijian{
        margin: 20px auto;
        width: 95%;
        .px2rem(height,222);
        border-radius: 10px;
        h2{
            text-align: center;
            .px2rem(line-height,222);
            color: #e1e1e1;
            .px2rem(font-size,34);
        }
        border: 1px solid #ccc;
    }
    .shouji{
        width:50%;
        .px2rem(height,43);
        border: 1px solid #ccc;
        border-radius: 10px;
        margin:20px auto;
        h2{
            color: #e2e2e2;
            text-align: center;
            .px2rem(font-size,34);
        }
    }
}
